/* CSS Document */
#page-360 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school01/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-361 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school04/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-362 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school02/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-363 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school03/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-364 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school05/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-365 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school06/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-366 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school07/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-367 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school08/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-368 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school09/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-369 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school10/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-370 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school11/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-371 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school12/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-372 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school13/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-373 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school14/img/pagevisual.png")no-repeat center;background-size: cover;}
#page-374 .pagevisual_bg {background: url("/edu/introduction/course/elementary-school15/img/pagevisual.png")no-repeat center;background-size: cover;}
.page-title {
	top: 170px;
	flex-direction: column-reverse;
  line-height: 1.5;
}
.page-title_sub {
  font-size: 2.4rem;
}
.cource_list {
	position: fixed;
	top: 300px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
	gap: 20px;
	& li {
		width: 124px;
		height: 38px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
	}
}
.cource_list--elementary {
	background: #A5DCE9;
	color: #006985;
}
.cource_list--middle {
	background: #F9C1BE;
	color: #CC1C3A;
}
.cource_flex {
	display: flex;
	gap: 30px;
}
.cource_flex--txt {
	flex: 1;
}

figure {margin: 0;}
section.container {margin-bottom: 60px;}
.edu_color--box {padding: 40px 60px 45px;width: 90%;}
.contents-text {margin: 1.5em 0 3em;}
.cource_txt {text-indent: 1em;}
.ttl-lborder a, .ttl-subhead {color: #05626D;}
.ttl-subhead {
	font-size: 2.4rem;
	margin: 1em 0 0.5em;
}
.ttl-lborder a {
	display: flex;
	align-items: center;
	gap: 8px;
	&::after {
		content: "";
		width: 18px;
		height: 16px;
		display: inline-block;
		background: url("/edu/common/img_db/icon_blank.png");
	}
}
.cource_figure {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
figcaption {
	line-height: 2.5;
	font-size: 1.5rem;
}
.cource_voice {
	display: flex;
	justify-content: space-between;
	align-items: end;
}
.wrapper {
  position: relative;
  background: #fff url("../../../common/img_db/bg_logo.jpg") no-repeat bottom right;
  background-size: 400px;
  padding: 60px 0 220px;
}
.ttl-subhead2 {
	font-weight: bold;
	font-size: 1.8rem;
}
.teacher_btn {
	width: 100%;
	text-align: center;
	margin: 30px auto 0;
}
.teacher_btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 5px;
	color: #006985;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1.5;
	border-bottom: 1px solid #006985;
	&::after {
		content: '→';
	}
	&:hover {
		border-bottom: none;
	}
}
.edu_color--box:has(.cource_voice) {
	padding: 20px 60px 25px;
}
.cource_description dt{
  margin: 15px 20px 0;
  color: #05626D;
  font-weight: bold;
}

@media screen and (max-width: 1279px) {
	.page-title {
		top: -30px;
	}
	.cource_list {
		top: 185px;
		& li {
			font-size: 1.4rem;
			width: auto;
			padding: 5px 15px;
		}
	}
}
@media screen and ( max-width: 767px ){
	.wrapper {
		background: #fff url("../../../common/img_db/bg_logo.jpg") no-repeat bottom right;
		background-size: 240px;
		padding: 60px 0 170px;
	}
	.edu_color--box {
		padding: 40px 5% 45px;
	}
	.edu_color--box:has(.cource_voice) {
		padding: 20px 5% 25px;
	}
	.page-title {
		top: -30px;
	}
	.ttl-subhead {
		font-size: 2rem;
	}
	.page-title_sub {
		font-size: 1.6rem;
	}
	.cource_list {
		position: fixed;
		top: 190px;
		& li {
			font-size: 1.2rem;
			width: auto;
			padding: 5px 15px;
		}
	}
	.cource_flex {
		flex-wrap: wrap;
	}
	.cource_flex--txt {
		flex: none;
		width: 100%;
	}
  .cource_description dt {
    margin: 15px 0 0;
  }
  .cource_description dd{
    margin-left: 16px;
  }
}
@media print {
	.pagevisual {
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		padding-bottom: 10px;
		gap: 15px;
		text-align: center;
	}
	.page-title {
		position: initial;
		text-align: center;
		align-items: center;
		display: flex;
		flex-direction: column-reverse;
	}
	.cource_list {
		position: initial;
		margin: 0 auto 10px;
	}
	.page-pankuzu {
		position: initial;
		padding: 0;
	}
}